<#assign contextRoot="${springMacroRequestContext.getContextPath()}" />
<#import "/home/index_layout.ftl" as layout>
<@layout.layout legend="Welcome to our new hotel booking page!">
<!-- Add fancyBox -->
<link rel="stylesheet" href="${contextRoot}/resources/fancybox/source/jquery.fancybox.css?v=2.1.4" type="text/css" media="screen" />
<script type="text/javascript" src="${contextRoot}/resources/fancybox/source/jquery.fancybox.pack.js?v=2.1.4"></script>
<link rel="stylesheet" href="${contextRoot}/resources/css/fancy_gallery_widget.css" />




<!-- fancybox + jquery UI draggable-->


<!-- The gallery container: -->
<div id="gallery">
<#if model.pictures??>
    <#list model.pictures as pic>
        <div id="pic-${pic_index}" class="pic" style="top: ${pic.top}px; left:${pic.left}px; background:url('${contextRoot}/resources/img/${pic.thumb}') no-repeat 50% 50%; background-size:200px 150px; -moz-transform:rotate(${pic.rot}deg); -webkit-transform:rotate(${pic.rot}deg);" >
            <a class="fancybox" rel="fncbx" href="${contextRoot}/resources/img/${pic.image}" target="_blank">${pic.desc}</a>
        </div>
    </#list>
</#if>

</div>
<div class="clearfix"></div>

<script src="${contextRoot}/resources/js/fancy_gallery_widget.js" ></script>

</@layout.layout>